<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="copyright" content="首页">
<meta name="author" content="首页">
<title>登录</title>
<link rel="stylesheet" href="./static/css/basic.css" />
<link rel="stylesheet" href="./static/css/style.css" />
<link rel="stylesheet" href="./static/fonticon/iconfont.css">
<script src="./static/js/jquery-1.11.0.min.js"></script>
<script src="./static/js/js.js"></script>
</head>

<body>
  <div id="navTop">登录</div>
  <div id="app">
    <div id="login">
      <form action="">
        <dl class="zb-form bgff">
          <dd class="form-item paddLR">
            <span class="form-lab">手机号码</span>
            <div class="form-div">
              <input type="text" placeholder="请输入手机号码" maxlength="11" class="form-put" />
            </div>
          </dd>
          <dd class="form-item paddLR">
            <span class="form-lab">图形验证码</span>
            <div class="form-div flex-bect">
              <input type="text" placeholder="输入图形验证码" maxlength="11" class="form-put" />
              <img src="./static/images/yam.jpg" class="yzm" alt="">
            </div>
          </dd>
          <dd class="form-item paddLR" style="padding-right:0px !important">
            <span class="form-lab">短信验证码</span>
            <div class="form-div flex-bect">
              <input type="text" placeholder="输入短信验证码" maxlength="11" class="form-put" />
              <span class="short-btn btn1 yzm" id="code">获取验证码</span>
            </div>
          </dd>
          <dd class="form-item paddLR">
            <span class="form-lab">登录密码</span>
            <div class="form-div">
              <input type="password" placeholder="请输入8-16位字母+数字密码" maxlength="11" class="form-put" />
            </div>
          </dd>
          <dd class="form-item paddLR">
            <span class="form-lab">确认密码</span>
            <div class="form-div">
              <input type="password" placeholder="请再次输入密码" maxlength="11" class="form-put" />
            </div>
          </dd>
          <dd class="form-item paddLR">
            <span class="form-lab">邀请人</span>
            <div class="form-div">
              <input type="text" placeholder="请输入邀请人" maxlength="11" class="form-put" />
            </div>
          </dd>
        </dl>
        <div class="paddLR">
          <button type="submit" class="submit-btn">确定</button>
          <div class="flex-bect">
            <span></span>
            <a href="login.html" class="red">已有账号，去登录</a>
          </div>
        </div>
      </form>
    </div>
  </div>
  <script>
    $('#look_password').click(function(){
      if($(this).hasClass('icon-biyan')){
        
        $(this).removeClass('icon-biyan');
        $(this).addClass('icon-zhengkaiyanjing')
        $('#password').attr('type','text')
        
      }else{
        
        $(this).removeClass('icon-zhengkaiyanjing');
        $(this).addClass('icon-biyan')
        $('#password').attr('type','password')
        
      }
      
    })
  </script>
</body>
</html>